<HTML>
<HEAD>
<TITLE>Clock Page</TITLE>

<SCRIPT LANGUAGE="JScript">
var timerID
function startClock(){
   // Initial call
   txtClock.value = "Starting ...";
   timerID = window.setTimeout("showClock()", 1000); // 1-second interval
}

function stopClock(){
   window.clearTimeout(timerID);
   txtClock.value = "Stopped!";
}

function showClock(){
   // This function actually displays the time. 
   dt = new Date(); 
   hours = dt.getHours();
   minutes = dt.getMinutes();
   seconds = dt.getSeconds();
   txtClock.value = hours + ":" + minutes + ":" + seconds;
   timerID = window.setTimeout("showClock()", 1000); // repeat call
}
</SCRIPT>

</HEAD>
<BODY>
<B>Press buttons to display a clock</B>

<P><INPUT TYPE="Text" ID="txtClock" value="Clock" onchange="changevalue()"></P>
<P><INPUT TYPE="Text" ID="txtTimer" value="1000"></P>

<OBJECT classid="clsid:373FF7F0-EB8B-11CD-8820-08002B2F4F5A" id=sldMyBar name=sldMyBar style="LEFT: 0px; TOP: 0px" VIEWASTEXT onchange="changevalue()">
	<PARAM NAME="_ExtentX" VALUE="2646">
	<PARAM NAME="_ExtentY" VALUE="1111">
	<PARAM NAME="_Version" VALUE="327682">
	<PARAM NAME="BorderStyle" VALUE="0">
	<PARAM NAME="MousePointer" VALUE="0">
	<PARAM NAME="Enabled" VALUE="1">
	<PARAM NAME="OLEDropMode" VALUE="0">
	<PARAM NAME="Orientation" VALUE="0">
	<PARAM NAME="LargeChange" VALUE="5">
	<PARAM NAME="SmallChange" VALUE="1">
	<PARAM NAME="Min" VALUE="0">
	<PARAM NAME="Max" VALUE="10">
	<PARAM NAME="SelectRange" VALUE="0">
	<PARAM NAME="SelStart" VALUE="0">
	<PARAM NAME="SelLength" VALUE="0">
	<PARAM NAME="TickStyle" VALUE="0">
	<PARAM NAME="TickFrequency" VALUE="1">
	<PARAM NAME="Value" VALUE="0"></OBJECT>

<BUTTON ID="btnStart" onclick="startClock()">Start</BUTTON>
<BUTTON ID="btnStop" onclick="stopClock()">Stop</BUTTON>

</BODY>
</HTML>

<script language=vbscript>

sub changevalue()
	txtTimer.value = sldMyBar.value
end sub
</script>